<template>
  
  
</template>

<script>
// 不支持 import
module.exports = {
  props: {
    visible: {
      type: Boolean,
      default: false,
    }
  },
  data() {
    return {
      show:false,
      active: '',
      menuData: [
        { name: '首页', url: 'index.html' },
        { name: '留学国家', url: 'studyCountry.html' },
        { name: '我想读', url: 'wantRead.html' },
        { name: '留学模式', url: 'studyModel.html' },
        { name: '预科院校', url: 'preparatoryCollege.html' },
        { name: '留学专题', url: 'studyAbroad.html' },
        { name: '留学专业', url: 'studyMajor.html' },
        { name: '新闻资讯', url: 'news.html' },
        { name: '报名与咨询', url: 'registration.html' },
      ],
      imgmen:[
{name:"留学低龄",url:"javascript:;"},{name:"留学本科",url:"./14Undergraduate.html"},{name:"留学硕士",url:"./10MasterDegree.html"},{name:"留学博士",url:"javascript:;"},
        ]
    }
  },
  methods: {
    close() {
      this.$emit('update:visible', false)
    }
  },
  mounted() {
    var strs = location.href.split('/')
    var url = strs[strs.length - 1].split('.')[0] + '.html'
    this.active = url;
  },
  watch: {
    visible(v) {
      if (v) {
        document.documentElement.style.overflow = 'hidden'
      } else {
        document.documentElement.removeAttribute('style')
      }
    }
  }
};
</script>

<style>
.main-menu-container .menu-wrapper .logo-wrap .logo-box img{width:auto;height:auto;}
</style>